<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.util.Date"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page language="java" import="pessoal.*" %>
<%@page language="java" import="ferramentas.*" %>
<%@page language="java" import="java.util.ArrayList" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Inscrição ESPECIALIZAÇÃO DE DIREITOS SOCIAIS DO CAMPO</title>
        <script src="scripts/jquery.js" type="text/javascript"></script>
        <script src="scripts/jquery.maskedinput.js" type="text/javascript"></script>
        <script src="scripts/jquery.validate.js" type="text/javascript"></script>
        <script src="scripts/placeholder-min.js" type="text/javascript"></script>
    </head>
    <body>
    <style>
        span{
            display: block;
            margin: 4px 0px;
        }
        input{
            padding: 2px;
        }
        .enviar{
            text-align: center;
            margin: 10px 0px;
        }
        input[type='submit']{
            padding: 5px;
            font-size: 15px;
            font-weight: bold;
            cursor: pointer;
        }
        .invalido{
            border: solid 1px #f00;
        }
        ::-webkit-input-placeholder{
            color: #999;
            font-style: italic;
        }
        :-moz-placeholder{
            color: #999;
            font-style: italic;
        }
        :-ms-input-placeholder{
            color: #999;
            font-style: italic;
        }
        #div_formulario{
            border: 1px dotted #0099DD;
            padding: 5px 15px 5px;
        }
        #form_li_edital{
            margin: 50px 2px 30px;
            font-weight: bold;
        }
        #form_li_edital label{
            cursor: pointer;
        }
        #inscricoes_abertas{
            margin: 30px 0px;
        }
        .opcoes label{
            cursor: pointer;
        }
        #comprovantes_diplomas,
        #comprovantes_graduando{
            display: none;
            padding-left: 15px;
        }
        #comprovantes_diplomas label,
        #comprovantes_graduando label{

        }
        .opcao_formacao{
            margin-top: 10px;
        }
        .opcao_formacao label{
            cursor: pointer;
            font-weight: bold;
        }
        .opcao_formacao input[type='radio']{
            margin: 3px 0px;
        }
    </style>
    <%
        Date inicioInscricoes = DataUtil.converterData(CFG.INICIO_INRICOES_EDSC, DataUtil.DataFormat.DDMMAAAAHHMM);
        Date finalInscricoes = DataUtil.converterData(CFG.FIM_INRICOES_EDSC, DataUtil.DataFormat.DDMMAAAAHHMM);
        Date agora = new Date();

        if (agora.after(finalInscricoes) || agora.before(inicioInscricoes)) {
    %>
    <div id="inscricoes_encerradas">
        <h1>
            CURSO DE ESPECIALIZAÇÃO DE DIREITOS SOCIAIS DO CAMPO
        </h1>
        <h3>
            Inscrições encerradas!
        </h3>
    </div>
    <%                } else {
    %>
    <div id="inscricoes_abertas">
        <h1>
            FICHA DE INSCRIÇÃO PARA O CURSO DE ESPECIALIZAÇÃO DE DIREITOS SOCIAIS DO CAMPO
        </h1>
        <form action="formularioEDSC" method="post" id="formulario" enctype="multipart/form-data">
            <h4>
                Para efetivar sua inscrição é necessário preencher todos os campos e anexar os arquivos conforme descritos no Art. 15 do edital de seleção para o Curso de Especialização de Direitos Sociais do Campo.
            </h4>
            <h4>
                Ao finalizar sua inscrição o candidato receberá uma confirmação no e-mail indicado no formulário de inscrição.
            </h4>
            <div id="div_formulario">
                <div>
                    <h2>INFORMAÇÕES PESSOAIS</h2>

                    <div>
                        <span>
                            <label>
                                Nome Completo
                                <input type="text" id="nome" name="nome" size="60" />
                            </label>
                        </span>
                        <span>
                            <label>
                                Endereço
                                <input type="text" id="endereco" name="endereco"  size="67" />
                            </label>
                        </span>
                        <span>
                            <label>
                                Bairro
                                <input type="text" id="bairro" name="bairro" size="35" />
                            </label>
                            <label>
                                Cep
                                <input type="text" id="cep" name="cep" size="25" />
                            </label>
                        </span>
                        <span>
                            <label>
                                Cidade
                                <input type="text" id="cidade" name="cidade" size="35" />
                            </label>
                            <label>
                                Estado
                                <input type="text" id="estado" name="estado" size="21" />
                            </label>
                        </span>
                        <span>
                            <label>Telefone(s)</label>
                            <input type="text" id="telefone1" name="telefone1" size="30" class="telefone" /> 
                            <input type="text" id="telefone2" name="telefone2" size="29" class="telefone" />
                        </span>
                        <span>
                            <label>
                                Celular
                                <input type="text" id="celular" name="celular" size="20" class="telefone" />
                            </label>
                            <label>
                                E-mail
                                <input type="text" id="email" name="email" size="37" />
                            </label>
                        </span>
                        <h3>Filiação</h3>
                        <span>
                            <label>
                                Pai
                                <input type="text" id="pai" name="pai" size="50" />
                            </label>
                        </span>
                        <span>
                            <label>
                                Mãe
                                <input type="text" id="mae" name="mae" size="49" />
                            </label>
                        </span>
                        <span>
                            <label>
                                Nascimento
                                <input type="text" id="nascimento" name="nascimento" size="20" class="data_form" />
                            </label>
                        </span>
                        <span class="opcoes">
                            Sexo:
                            <label>
                                <input type="radio" name="sexo" value="f" />F
                            </label>
                            <label>
                                <input type="radio" name="sexo" value="m"/>M
                            </label>
                        </span>
                        <span>
                            <label>
                                Nacionalidade
                                <input type="text" id="nacionalidade" name="nacionalidade" size="20" />
                            </label>
                        </span>
                        <span class="opcoes">
                            Estado Civil:
                            <label>
                                <input type="radio" name="estado_civil" value="solteiro" />solteiro
                            </label>
                            <label>
                                <input type="radio" name="estado_civil" value="casado"/>casado
                            </label>
                            <label>
                                <input type="radio" name="estado_civil" value="divorciado"/>divorciado
                            </label>
                            <label>
                                <input type="radio" name="estado_civil" value="outros"/>outros
                            </label>
                        </span>
                        <span>
                            <label>
                                RG
                                <input type="text" id="rg" name="rg" size="20" />
                            </label>
                            <label>
                                UF
                                <input type="text" id="uf_rg" name="uf_rg" size="5" />
                            </label>
                            <label>
                                Data de Emissão
                                <input type="text" id="emissao_rg" name="emissao_rg" size="20" class="data_form" />
                            </label>
                        </span>
                        <span>
                            <label>
                                CPF
                                <input type="text" id="cpf" name="cpf" size="25" />
                            </label>
                        </span>
                        <span>
                            <label>
                                Título Eleitoral
                                <input type="text" id="titulo" name="titulo" size="15" />
                            </label>
                            <label>
                                UF
                                <input type="text" id="uf_titulo" name="uf_titulo" size="5" />
                            </label>
                            <label>
                                Zona
                                <input type="text" id="zona_titulo" name="zona_titulo" size="10" />
                            </label>
                        </span>
                        <span>
                            <label>
                                Seção
                                <input type="text" id="secao_titulo" name="secao_titulo" size="10" />
                            </label>
                            <label>
                                Emissão
                                <input type="text" id="emissao_titulo" name="emissao_titulo" size="15" class="data_form" />
                            </label>
                        </span>
                    </div>
                </div>
                <div>
                    <h2>FORMAÇÃO - CURSO SUPERIOR</h2>
                    <span>
                        <label>
                            Instituição (Graduação)
                            <input type="text" id="instituicao_formacao" name="instituicao_formacao" size="61" />
                        </label>
                    </span>
                    <span>
                        <label>
                            Título
                            <input type="text" id="titulo_formacao" name="titulo_formacao"  size="30" />
                        </label>
                        <label>
                            Especialidade
                            <input type="text" id="especialidade_formacao" name="especialidade_formacao" size="30" />
                        </label>
                    </span>
                    <span>
                        <label>
                            Início
                            <input type="text" id="inicio_formacao" name="inicio_formacao"  size="20" class="periodo" />
                        </label>
                        <label>
                            Término
                            <input type="text" id="termino_formacao" name="termino_formacao" size="20" class="periodo" />
                        </label>
                    </span>
                    <span>
                        <label>
                            Link Currículo Lattes
                            <input type="text" id="linklattes" name="linklattes" size="64" />
                        </label>
                        <br />
                        Acesse o site: <a href="http://lattes.cnpq.br/">lattes.cnpq.br</a>, faça a inscrição do seu currículo e nos informe o link <br />
                        Exemplo de link: <a href="http://lattes.cnpq.br/3009722217245952">http://lattes.cnpq.br/3009722217245952</a> - (Prof. Dr. Marcelo Medeiros)<br />
                    </span>
                </div>

                <h2>Anexar os documentos:</h2>
                <label>
                    Cópia da carteira de identidade
                </label>
                <span>
                    <input type="file" id="copia_rg" name="copia_rg" size="50" /> (Tamanho Maximo: <%=CFG.MAX_UPLOAD_FORMULARIOS_MB%>Mb )
                </span>
                <label>
                    Cópia do CPF
                </label>
                <span>
                    <input type="file" id="copia_cpf" name="copia_cpf" size="50" class="arquivo" /> (Tamanho Maximo: <%=CFG.MAX_UPLOAD_FORMULARIOS_MB%>Mb )
                </span>
                <label>
                    Cópia do visto RNE para estrangeiros residentes no país
                </label>
                <span>
                    <input type="file" id="copia_visto" name="copia_visto" size="50" />(Tamanho Maximo: <%=CFG.MAX_UPLOAD_FORMULARIOS_MB%>Mb )
                </span>
                <span class="opcao_formacao">
                    <label>
                        <input type="radio" id="diplomas_radio" name="comprovante_formacao" value="graduado" />Sou graduado em direito e/ou áreas afins
                    </label>
                </span>
                <div id="comprovantes_diplomas">
                    <label>Cópia do diploma do curso de graduação em direito e/ou áreas afins </label><br />
                    <input type="file" id="copia_diploma" name="copia_diploma" size="50" />(Tamanho Maximo: <%=CFG.MAX_UPLOAD_FORMULARIOS_MB%>Mb )<br /><br />
                </div>
                <span class="opcao_formacao">
                    <label>
                        <input type="radio" id="graduando_radio" name="comprovante_formacao" value="graduando" />Concluirei o curso de graduação em direito e/ou áreas afins antes do inicio desse Curso
                    </label>
                </span>
                <div id="comprovantes_graduando">
                    <label>Comprovante de que concluirá o curso de graduação antes do início do Curso de Especializção em Direitos Sociais do Campo</label><br />
                    <input type="file" id="copia_comprovante" name="copia_comprovante" size="50" />(Tamanho Maximo: <%=CFG.MAX_UPLOAD_FORMULARIOS_MB%>Mb )<br /><br />
                </div>
                <label>
                    Declaração comprovante do item <strong>e</strong> ou <strong>f</strong> do edital
                </label>
                <span>
                    <input type="file" id="declaracao" name="declaracao" size="50" class="arquivo" /> (Tamanho Maximo: <%=CFG.MAX_UPLOAD_FORMULARIOS_MB%>Mb )
                </span>
                <label>
                    Cópia do último contra-cheque (UFG ou INCRA)
                </label>
                <span>
                    <input type="file" id="contracheque" name="contracheque" size="50" class="arquivo" /> (Tamanho Maximo: <%=CFG.MAX_UPLOAD_FORMULARIOS_MB%>Mb )
                </span>
                <label>
                    Plano de trabalho
                </label>
                <span>
                    <input type="file" id="projeto" name="projeto" size="50" class="arquivo" /> (Tamanho Maximo: <%=CFG.MAX_UPLOAD_FORMULARIOS_MB%>Mb )
                </span>
                <label>
                    Declaração pessoal de motivação para realizar a pós
                </label>
                <span>
                    <input type="file" id="motivacao" name="motivacao" size="50" class="arquivo" /> (Tamanho Maximo: <%=CFG.MAX_UPLOAD_FORMULARIOS_MB%>Mb )
                </span>

                <div id="form_li_edital">
                    <label>
                        <input type="checkbox" id="li_edital" name="li_edital" />Declaro que estou de acordo com as normas de seleção adotadas pelo Curso de Especialização em Direitos Sociais do Campo, a ser realizado no Câmpus da Cidade de Goiás da UFG.
                    </label>
                </div>
            </div>
            <div class="enviar" >
                <input type="submit" value="Enviar Inscrição">
            </div>
        </form>
    </div>

    <script>
        var menu = document.getElementById("menu_horizontal");
        menu.style.display = "none";
        jQuery('input[placeholder], textarea[placeholder]').placeholder();
        
        //validacao
        $(function(){
            $("#cep").mask("99999-999");
            $(".telefone").mask("(99) 9999-9999");
            $(".data_form").mask("99/99/9999");
            $(".periodo").mask("99/9999");
            $("#cpf").mask("999.999.999-99");

            // validar formulário de cadastro
            $("#formulario").validate({
                rules: {
                    nome: "required",
                    endereco: "required",
                    bairro: "required",
                    cep: "required",
                    cidade: "required",
                    estado: "required",
                    telefone1: "required",
                    celular: "required",
                    email: {
                        required: true,
                        email: true
                    },
                    pai: "required",
                    mae: "required",
                    nascimento: "required",
                    sexo: "required",
                    nacionalidade: "required",
                    estado_civil: "required",
                    rg: "required",
                    uf_rg: "required",
                    emissao_rg: "required",
                    cpf: "required",
                    titulo: "required",
                    uf_titulo: "required",
                    zona_titulo: "required",
                    secao_titulo: "required",
                    emissao_titulo: "required",
                    instituicao_formacao: "required",
                    titulo_formacao: "required",
                    especialidade_formacao: "required",
                    inicio_formacao: "required",
                    termino_formacao: "required",
                    linklattes: "required",
                    comprovante_formacao: "required",
                    copia_rg:{
                        required:true,
                        minlength:2
                    },
                    copia_cpf:{
                        required:true,
                        minlength:2
                    },
                    declaracao:{
                        required:true,
                        minlength:2
                    },
                    projeto:{
                        required:true,
                        minlength:2
                    },
                    motivacao:{
                        required:true,
                        minlength:2
                    },
                    li_edital: "required"
                },
                messages: {
                    nome: "Campo Obrigatório",
                    endereco: "Campo Obrigatório",
                    bairro: "Campo Obrigatório",
                    cep: "Campo Obrigatório",
                    cidade: "Campo Obrigatório",
                    estado: "Campo Obrigatório",
                    telefone1: "Campo Obrigatório",
                    celular: "Campo Obrigatório",
                    email: {
                        required: "Campo Obrigatório",
                        email: "Seu e-mail deve estar no formato: nome@dominio.com"
                    },
                    pai: "Campo Obrigatório",
                    mae: "Campo Obrigatório",
                    nascimento: "Campo Obrigatório",
                    nacionalidade: "Campo Obrigatório",
                    rg: "Campo Obrigatório",
                    uf_rg: "Campo Obrigatório",
                    emissao_rg: "Campo Obrigatório",
                    cpf: "Campo Obrigatório",
                    titulo: "Campo Obrigatório",
                    uf_titulo: "Campo Obrigatório",
                    zona_titulo: "Campo Obrigatório",
                    secao_titulo: "Campo Obrigatório",
                    emissao_titulo: "Campo Obrigatório",
                    instituicao_formacao: "Campo Obrigatório",
                    titulo_formacao: "Campo Obrigatório",
                    especialidade_formacao: "Campo Obrigatório",
                    inicio_formacao: "Campo Obrigatório",
                    termino_formacao: "Campo Obrigatório",
                    linklattes: "Campo Obrigatório"
                },
                errorPlacement: function(error, element) {
                    var elemento = element;
                    if($(elemento).is(':radio')){
                        if($(elemento).attr('name') == 'comprovante_formacao'){
                            $('#diplomas_radio').closest('span').addClass('invalido');
                            $('#graduando_radio').closest('span').addClass('invalido');
                            var $radio_group = $('input[name='+$(elemento).attr('name')+']');
                            $radio_group.change(function(){
                                $radio_group.closest('span').removeClass('invalido');
                            });
                        }else{
                            $(elemento).closest('span').addClass('invalido');
                            var $radio_group = $('input[name='+$(elemento).attr('name')+']');
                            $radio_group.change(function(){
                                $radio_group.closest('span').removeClass('invalido');
                            });
                        }
                    }else{
                        if($(elemento).is(':checkbox')){
                            $(elemento).closest('div').addClass('invalido');
                            $(elemento).change(function(){
                                $(elemento).closest('div').removeClass('invalido');
                            });
                        }else{
                            if($(elemento).is(':file')){
                                $(elemento).closest('span').addClass('invalido');
                                $(elemento).change(function(){
                                    $(this).closest('span').removeClass('invalido');
                                });
                            }else{
                                elemento.attr('placeholder', error.text());
                                $(elemento).addClass('invalido');
                                $(elemento).keydown(function(){
                                    $(this).removeClass('invalido');
                                });
                            }
                        }
                    }
                },
                onkeyup: false,
                onfocusout: false,
                submitHandler: function(form) {
                    form.submit();
                }
            });
            
            $('#diplomas_radio').click(function(){
                $('#comprovantes_graduando').hide('fast');
                $('#comprovantes_diplomas').show('fast');
            });
            $('#graduando_radio').click(function(){
                $('#comprovantes_diplomas').hide('fast');
                $('#comprovantes_graduando').show('fast');
            });
        });
    </script>
    <% }%>
</body>
</html>
